<html>
<head>
	<title>Leave Form</title>
	<script src="script/prototype.js"></script>
	<script src="script/scriptaculous.js"></script>
	<script src="script/builder.js"></script>
	<script src="script/effects.js"></script>
	<script src="script/controls.js"></script>
	<link rel="stylesheet" type="text/css" href="style.css" media="screen" />

	<script>
	// <![CDATA[
		
	function fileIt() {

		$('screen1').hide();
		$("screen2").show();
		
	}
	
	// ]]>
	</script>

</head>

<body>

<div id="centercolumn">   

	<div id="header">
	<h1>Outta Office</h1>
	<h2>On-line app</h2>
	
	<br/>
	
	</div><!--//end #headern//-->
	<br/><br/>


      <div id="screen1">
      	
      	<label for="employeenumber" >Employee Number :</label>
      	<input type="text" id="employeenumber" name="employeenumber"/><br/>
      	
      	<label for="employeename" >Name :</label>
      	<input type="text" id="employeename" name="employeenumber"/><br/>
      	
      	<label for="department" >Department :</label>
      	<input type="text" id="department" name="department"/><br/>
      	
      	<label for="datefiled" >Date filed :</label>
      	<input type="text" id="datefiled name="datefiled"/><br/>
      		
      	<label for="inclusivedates" >Inclusive Dates :</label>
      	<input type="text" id="inclusivedates" name="inclusivedates"/><br/>
      	
      	<label for="numberofdays" >Number of days :</label>
      	<input type="text" id="numberofdays" name="numberofdays"/><br/>
      	
      	<label for="typeofleave" >Type of leave :</label>
      	<input type="text" id="typeofleave" name="typeofleave"/><br/>
      	
      	<label for="reason" >Reason :</label>
      	<textarea rows="6" cols="40" id="reason" name="reason"/></textarea><br/>
      	

      	      	
      	<p/><a href="#" onClick="fileIt();return false;" >File It!</a><p/>
      	
      	
      	
      </div>
      
      <div id="screen2">
      		Your application has been submitted.
      </div>
      
      <script language='javascript' type='text/javascript'>
      
      	//this script is necessary to be here, so that we can hide the screen2 div
      	//right after it has been loaded by the page.
      	$('screen2').hide();
      	
      </script>

</div> <!--//end #centerColumn//-->

</body>
</html>